import React from 'react';
import ReactDOM from 'react-dom';
import { withRouter, Link, Switch, Route, HashRouter as Router, Redirect } from 'react-router-dom'
import { Menu, Icon } from 'antd';
import 'antd/dist/antd.css';
import '../../static/tero/tero.less';


// import Runaway from './runaway.jsx';

import NavFocus from './tero_nav_focus.jsx';
import CircleFocus from './circle_focus.jsx';




const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;

class Focus extends React.Component {
    handleClick = (e) => {
    }

    render() {
        return (
            <Router>

                <div className='tero'>
                    <div className='tero_left'>
                        <Menu
                            onClick={this.handleClick}
                            style={{ width: 200 }}
                            defaultSelectedKeys={['2']}
                            defaultOpenKeys={['sub1']}
                            mode="inline">
                            <SubMenu key="sub1" title={<span><span>重点组织</span></span>}>
                                <Menu.Item key="2"><Link to='/inspect/navfocus'>微信群</Link></Menu.Item>
                            </SubMenu>
                            <SubMenu key="sub2" title={<span><span>重点人</span></span>}>
                                <Menu.Item key="3"><Link to='/inspect/circlefocus'>朋友圈</Link></Menu.Item>

                            </SubMenu>
                        </Menu>
                    </div>
                    <div className='right'>
                        <Switch>
                            <Route path='/inspect/navfocus' component={NavFocus}> </Route>
                            <Route path='/inspect/circlefocus' component={CircleFocus}> </Route>
                            {/* <Route path='/runaway' component={Nav}> > </Route> */}
                        </Switch>

                    </div>
                </div>
            </Router>
        );
    }
}

export default Focus

